.wrap
{
    height:100vh;
    width:100%;
    background: gray; 
}

.top
{
    height: 10%;
    width: 100%;
    /* background: brown; */
    font-size: 1.5em;
    text-align: center;
    padding-top: 30px;
}
.czs-menu-l
{
    float: left;
    /* color: white; */
    font-size: 30px;
}
.czs-bell
{
    float: right;
    /* color: aquamarine; */
    font-size: 30px;
}

.neck
{
    height: 30%;
    width: 100%;
    /* background: chartreuse; */
}
.neck-box1
{
    height: 33%;
    width: 100%;
    border-bottom: 1px solid black;
}
.neck-box2
{
    height: 33%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid black;
}
.neck-box2 ul li
{
    font-size: 0.5em;
    display:inline-block;
    text-align: center;
    padding:20px;
}
.neck-box3
{
    height: 33%;
    width: 100%;
    display: flex;
    border-bottom: 1px solid black;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid black;
}
.neck-box3 ul li
{
    font-size: 0.5em;
    display:inline-block;
    text-align: center;
    padding:10px;
}

.middle
{
    height: 40%;
    width: 100%;
    /* background:orange; */
}
 .middle-box1
{
    height: 25%;
    width: 100%;
    margin:10px 0;
    line-height: 15px;
    background: white; 
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.middle-box2
{
    height:45%;
    width: 100%;
    margin:10px 0;
   background: white;
}
.middle-box3
{
    height:30%;
    width: 100%;
    margin:10px 0;
    background:white; 
}
.czs-angle-right-l
{
    float: right;  
} 
.footer
{
    height: 5%;
    width: 100%;
    margin: 10px 0;
    padding-top: 20px;
    text-align: center;
}